<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	    <meta content="telephone=no" name="format-detection" />
		<title>佣金记录</title>
		<link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
	</head>
	<style type="text/css">
		body{
			background-color: #f1f1f1;
		}
		.list{
			display: block;
		}
		.li{
			background-color: #FFFFFF;
			border-bottom: 1px solid #d0d0d0;
			padding: 15px 20px;
			overflow: hidden;
		}
		.li-left{
			float: left;
			padding-top: 3px;
		}
		.li-right{
			float: right;
		}
		.biger{
			font-size: 1.3rem;
			color: #D9543B;
			margin: 0 5px;
		}
		.tips{
			margin: 30% auto 0;
			font-size: 1.3rem;
			color: #d0d0d0;
			text-align: center;
		}
	</style>
	<body>
		@if(!$datas->isEmpty())
			@foreach($datas as $data)
				<div id="con" class="list">
					<div class="li">
						<div class="li-left">{{$data->created_at}}</div>
						<div class="li-right">@if($data->type == 1 || $data->type == 2)银票返利@elseif($data->type == 3)亲友圈提成@endif<span class="biger">￥{{$data->fee}}</span></div>
					</div>
				</div>
			@endforeach
		@else
			<div id="tip" class="tips">暂无记录</div>
		@endif
	<script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
	</body>
</html>
